.menu {
    border-radius: var(--small-radius);
    overflow: hidden;
    user-select: none;
    width: 240px;
}

.menuItem {
    padding: 4px 20px;
    border-bottom: 1px solid var(--orange2-color);
    background-color: var(--yellow-color);
    height: var(--medium-height);
    color: var(--green-color);

    a {
        color: inherit;
        font-size: 16px;
        line-height: 32px;
        text-decoration: none;
        display: inline-block;
        width: 100%;
    }

    &:hover {
        background-color: var(--green3-color);
    }

    &.active {
        background-color: var(--green-color);
        color: var(--white-color);
    }
}

.subMenu {
    padding-left: 40px;
}

.open {
    position: absolute;
    left: 0;
    top: 44px;
    user-select: none;
    cursor: pointer;
}